<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<!--<script src="https://cdn.bootcdn.net/ajax/libs/pdf.js/2.3.200/pdf.js"></script>-->
<!--<script type="text/javascript" src="https://mozilla.github.io/pdf.js/"></script>-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.12.313/pdf.min.js" integrity="sha512-qa1o08MA0596eSNsnkRv5vuGloSKUhY09O31MY2OJpODjUVlaL0GOJJcyt7J7Z61FiEgHMgBkH04ZJ+vcuLs/w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>

<body>
    <div id="app">
    <!--    <div v-html="message"></div>-->
    <!--    <textarea>-&#45;&#45; {{message}} -&#45;&#45; </textarea>-->
        <p>{{message}}</p>
         <iframe :src="pageUrl" frameborder="0" style="width: 100%; height: 100%"></iframe>
    </div>

    <script>
        new Vue({
          el: '#app',
          data: {
            message: '菜鸟教程1111',
            pageUrl: 'https://cn.bing.com/?mkt=zh-CN',
            // pageUrl: '/a',

          }
        })
    </script>

</body>

</html>